<template>
  <div class="add">
    <el-tabs v-model="activeName" style="width:80%" @tab-click="handleClick">
      <el-tab-pane label="基础信息" name="info" class="tabs">
        <el-form ref="form" label-width="80px">
          <el-form-item label="标题" prop="">

            <el-input placeholder="请输入内容" class="input-with-select">

              <el-button slot="append" icon="el-icon-search">查重</el-button>
            </el-input>

          </el-form-item>

        </el-form>
      </el-tab-pane>

      <el-tab-pane label="SEO信息" name="seo" />
      <el-tab-pane label="文章内容" name="content" />

    </el-tabs>
  </div>
</template>
<script>
export default {
  data() {
    return {
      activeName: 'info'
    }
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    }
  }
}
</script>
<style>

.add{
  width: 100%;
  margin: 0 auto;

}
.tabs{
  padding-left: 120px;
}

</style>
